/**
 * @fileoverview
 */
function getResetBrowserObj(theme) {
  return {
    "*, *::before, *::after": {
      boxSizing: "border-box",
    },
    html: {
      height: "100%",
    },
    body: {
      margin: 0,
      padding: 0,
      height: "100%",
      fontFamily: theme("fontFamily.sans"),
      color: theme("textColor.primary.vibrant"),
      "-webkit-font-smoothing": "antialiased",
      "-moz-osx-font-smoothing": "grayscale",
    },
    "img, video, audio, iframe, embed, object": {
      maxWidth: "100%",
    },
  };
}

module.exports = getResetBrowserObj;
